<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>explorer</title>

		<link rel="stylesheet" href="HTML/css/css.css">
		<link rel="stylesheet" href="everydayWords/css/css.css">
		<link rel="stylesheet" href="navigationBar/css/css.css">
		<link rel="stylesheet" href="searchModule/css/css.css">
		<link rel="stylesheet" href="bookmarkBar/css/css.css">
		<link rel="stylesheet" href="musicModule/css/css.css">
		<link rel="stylesheet" href="carouselFigure/css/css.css">
		<link rel="stylesheet" href="pictureStream/css/css.css">
		
		<script src="HTML/js/js.js"></script>
		<script src='HTML/js/jquery-1.12.4.js'></script>
		<script src="everydayWords/js/js.js"></script>
		<script src="navigationBar/js/js.js"></script>
		<script src="searchModule/js/js.js"></script>
		<script src="bookmarkBar/js/js.js"></script>
		<script src="musicModule/js/js.js"></script>
		<script src="pictureStream/js/js.js"></script>

	</head>
	<body loading="eager">
		<!--检查存储API的支持情况--><!--然而没有用到储存API-->
		<script>checkSupport();</script>

		<!-------------------------每日金句------------------------->
		<div id="everydayWordsBox">
			<div id="everydayWords"></div>
			<script>showWords();</script>
		</div>

		<!--------------------------导航栏-------------------------->
		<div id="navigationBox">
			<nav>
				<ul>
					<li><a href="#toc0" onclick="searchNetOther(0)">网页</a></li>
					<li><a href="#toc1" onclick="searchNetOther(1)">资讯</a></li>
					<li><a href="#toc2" onclick="searchNetOther(2)">视频</a></li>
					<li><a href="#toc3" onclick="searchNetOther(3)">图片</a></li>
					<li><a href="#toc4" onclick="searchNetOther(4)">知道</a></li>
					<li><a href="#toc5" onclick="searchNetOther(5)">文库</a></li>
					<li><a href="#toc6" onclick="searchNetOther(6)">贴吧</a></li>
					<li><a href="#toc7" onclick="searchNetOther(7)">地图</a></li>
					<li><a href="https://www.baidu.com/more/" target="_blank">更多</a></li>
				</ul>
			</nav>
		</div>
		
		<!--------------------------搜索区-------------------------->
		<div id="searchBox">
			<!--img(Logo和搜索框)-->
			<div id="searchImgBox">
				<img id="img_explorerLogo" src="searchModule/img/explorerLogo.png" alt="explorerLogo">
				<img id="img_searchBox" src="searchModule/img/searchBox.png" alt="searchBox">
			</div>

			<!--input标签(输入框和搜索按钮)-->
			<div id="searchInputBox">
				<input id="input_searchBox" type="text" onkeypress="getEnterKey(event)"/>
				<input id="input_searchIcon" type="image" src="searchModule/img/searchIcon.png" alt="searchIcon" title="搜索" draggable="false" onmouseover="blueIcon(this)" onmouseout="normalIcon(this)" onclick="searchNet()"/>
			</div>
		</div>

		<!----------------------书签栏(4*2矩阵)---------------------->
		<div id="bookmarkBox">
			<div id="recycle" ondragover="allowDrop(event)" ondrop="drop(event, this)">
				<pre style="font-size: 17px;">          拖动到这删除</pre>
			</div>
			<div id="likeBorder" title="收藏夹"></div>
			<div id="container">
					<!--<div id="like0" class="like" draggable="true" ondragstart="drag(event, recycle)" style="background: url('bookmarkBar/img/like0.jpg' onclick="openLikeNet(0);") no-repeat">字</div>-->
					<div id="likeMore" class="like" style="background: url('bookmarkBar/img/likeMore.png') no-repeat" onclick="likeAddShow();"></div>
			</div>
			<div id="likeAddBackground">
				<div id="likeAdd">
					<div>
						<pre style="font-size: 18px;">   书签名 <input id="input_likeName" type="text"/>   <input type="submit" value="取消" onclick="likeAddHide()"/></pre>
					</div>
					<div>
						<pre style="font-size: 18px;">   网  址 <input type="text" id="input_likeNet" value="https://"/>   <input type="submit" value="确定" onclick="addLike()"/></pre>
					</div>
				</div>
			</div>
		</div>

		<!-------------------------音乐模块------------------------->
		<div id="musicBox">
			<audio id="musicAudio" controls="controls" autoplay="autoplay" loop="loop">
				<source src="musicModule/music/深海鱼子酱 - 千千万万.mp3" type="audio/mpeg" />
				对不起,您的浏览器不支持audio元素mp3播放
			</audio>
			<div id="lHideAudio"></div>
			<div id="rHideAudio"></div>
			<div id="musicBoxCopy"></div>
			<img id="musicCover" src="musicModule/img/cover.png" alt="cover" onmouseover="showPlayBtn();" onmouseout="hidePlayBtn();">
			<img id="musicPlayBtn" src="musicModule/img/播放.png" alt="" onmouseover="showPlayBtn();" onmouseout="hidePlayBtn();" onmousedown="clickPlayBtn();" onmouseup="switchPlayStatus(); musicPlay();">
			<div id="musicInfo">深海鱼子酱 - 千千万万</div>
		</div>

		<!--------------------------轮播图-------------------------->
		<hr id="carouselHr0"/>
		<div class="carouselFigureBox">
			<div class="carouselImg">
				<img src="carouselFigure/img/1.jpg" alt="">
				<img src="carouselFigure/img/2.jpg" alt="">
				<img src="carouselFigure/img/3.jpg" alt="">
				<img src="carouselFigure/img/4.jpg" alt="">
			</div>
			<div class="carouselSwiper">
				<b class='carouselRudis'></b>
				<b></b>
				<b></b>
				<b></b>
			</div>
		</div>
		<hr id="carouselHr1"/>
		<script src='carouselFigure/js/js.js'></script>
	
		<!--------------------------图片流-------------------------->
		<div id="pictureStreamBox">
			<div id="stream0"></div>
			<div id="stream1"></div>
			<div id="stream2"></div>
			<div id="stream3"></div>
			<div id="stream4"></div>

			<script>
				$(window).scroll(function() {
					if($(window).scrollTop() + $(window).height() + 2 >= $(document).height()) {
						loadPic();/*加载一行图片*/
					}
				});

				/*页面加载完成函数,用于第一行显示(需要时)*/
				$(function() {
					loadPic();
				})
			</script>
		</div>

	<!--禁止图片拖拽-->
	<script>
		for (i in document.images) document.images[i].ondragstart = imgdragstart;
	</script>

	</body>
</html>
